/*
 * Copyright 1998-2009 by Nice, srl.,
 * Via Serra 33, Camerano Casasco, Asti, 14020, Italy
 * All rights reserved.
 *
 * This software is the confidential and proprietary information
 * of Nice, srl. ("Confidential Information").  You
 * shall not disclose such Confidential Information and shall use
 * it only in accordance with the terms of the license agreement
 * you entered into with Nice. 
 */

/* 
 * layout.css
 * EnginFrame 5 demo portal main stylesheet instructions
 *
 * Roberto Meda
 * roberto@nice-italy.com
 */

/* PLEASE NOTE
 * This file is part of EnginFrame installation, and should not be modified.
 * Please take it as an example code, or include it in your custom plugin.
 */

/* PLEASE NOTE
 * iepatch.css and ie7patch.css in this same directory are two complementar 
 * css(es) with adaptations for Internet Explorer up to 6 version and
 * Internet Explorer 7 respectively.
 */

/*
 * RECOMMENDATION
 * Colors, styles and icons should be written according to 
 * Tango Desktop project 
 * http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines 
 */



/*
 * =================
 * TABLE OF CONTENTS 
 * =================
 *
 * Base styles for general html attributes
 * Header (main title and upper logos)
 * Top menu bar and buttons
 * Main content
 * Navigation (left menu)
 * Content (service render)
 * Footer
 * General service elements
 * Spoolers (my data)
 * Jobs
 * Other specific elements
 * EnginFrame license
 * EnginFrame components
 * Session variables info
 * Admin portal configurations styles
 * 
 */

  

/*
 * Base styles for general html attributes
 * =======================================
 */

/* Body */
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #ffffff;
}

/* Default links */
a:link, a:visited , a:active {
  color: #333333;
  text-decoration: none;
}

/* Default links on mouse over */
a:hover {
  color: #333333;
}


/*
 * Main title and upper logos
 * ==========================
 */

/* Background and optional right image */
div#banner {
  float: left;
  height: 40px;
  width: 100%;
  background-image: url(../images/efbanner_right.jpg);
  background-repeat: no-repeat;
  background-position: right;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* Main title container */
div#banner ul {
  float: left;
  list-style: none;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

/* Left title image */
div#banner ul li.banner-level-1 {
  float: left;
  list-style: none;
  width: 320px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  /*background-image: url(../images/eflogo_ani.gif);*/
  background-image: url(../images/logo.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

/* Right container */
div#banner ul li.banner-level-2 {
  float: right;
  border: 0px;
  list-style: none;
  width: 74px;
  height: 40px;
  background: transparent;
}

/* Password form style */
input#ef_loginform__password {
  width: 102px;
  background-color: #EEE9BF;
}

#ef_loginform__host {
    padding-left: 24px;
    background-image: url('../images/server2.png');
    background-repeat: no-repeat;
} 

#ef_loginform__zone {
    padding-left: 25px;
    background-image: url('../images/zone2.png');
    background-repeat: no-repeat;
}


input#ef_loginform__host {
  width: 93px;
  background-color: #EEE9BF;
}

input#ef_loginform__zone {
  width: 90px;
  background-color: #EEE9BF;
}


/* Login form style */
input#ef_loginform__username {
  width: 102px; 
  background-color: #EEE9BF;
}

/* Login form wrapper */
div#logintable {
  height: 20px;
  width: auto;
  float: right;
  margin: 5px;
  padding: 0px 10px 0px 0px;
  border: 0px;
  display: compact;
  vertical-align: middle;
}

li#tofill {
  width: 800px;
  height: 0px;
}

/* Login form wrapper, 2nd level */
div#logintable ul {
  display: table-row;
  height: 20px;
  list-style: none;
  width: auto;  
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* fieldset welcoming user (left part) */
div#logintable ul li#welcome1 {
  display: table-cell;
  height: 20px;
  list-style: none;
  width: auto;  
  margin: 0px;
  padding: 0px 4px 4px 4px;
  border: 1px solid #babdb6;
  background-color: #EEE9BF;
}

/* fieldset welcoming user (left part) */
div#logintable ul li#welcome3 {
  display: table-cell;
  height: 20px;
  list-style: none;
  width: auto;
  margin: 0px;
  padding: 0px 4px 4px 4px;
  border: 1px solid #babdb6;
  background-color: #EEE9BF;
}

/* fieldset welcoming user (right part) */
div#logintable ul li#hostname {
  display: table-cell;
  height: 20px;
  list-style: none;
  width: auto;
  margin: 0px;
  padding: 7px 4px 4px 22px;
  border: 1px solid #babdb6;
  background-color: #EEE9BF;
  background-image: url(/enginframe/irods/images/server.png);
  background-position: left;
  background-repeat: no-repeat;
}

/* fieldset welcoming user (right part) */
div#logintable ul li#zone {
  display: table-cell;
  height: 20px;
  list-style: none;
  width: auto;
  margin: 0px;
  padding: 0px 4px 4px 26px;
  border: 1px solid #babdb6;
  background-color: #EEE9BF;
  background-image: url(/enginframe/irods/images/zone.png);
  background-position: left;
  background-repeat: no-repeat;
}

/* fieldset welcoming user (right part) */
div#logintable ul li#res {
  display: table-cell;
  height: 20px;
  list-style: none;
  width: auto;
  margin: 0px;
  padding: 0px 4px 4px 25px;
  border: 1px solid #babdb6;
  background-color: #EEE9BF;
  background-image: url(/enginframe/irods/images/res.png);
  background-position: left;
  background-repeat: no-repeat;
}


/* fieldset welcoming user (right part) */
div#logintable ul li#welcome2 {
  display: table-cell;
  height: 20px;
  list-style: none;
  width: auto;  
  margin: 0px;
  padding: 0px 4px 4px 18px;
  border: 1px solid #babdb6;
  background-color: #EEE9BF;
  background-image: url(../../icons/stock_person.png);
  background-position: left;
  background-repeat: no-repeat;
}

/* External links message for non-logged users */
div#logintable ul li#externallinks1 {
  float: right;
}

div#logintable ul li#externallinks2 {
  float: right;
}

/* External links for non-logged users */
div#logintable ul li#moreinfo1 {
  display: table-cell;
  clear: both;
  height: 12px;
  list-style: none;
  width: auto;  
  margin: 0px;
  padding: 0px 4px 0px 4px;
  border-right: 1px solid #333333;
}

/* External links for non-logged users */
div#logintable ul li a#nicelink {
  color: #0000FF;
  text-decoration: underline;
}

/* External links for non-logged users */
div#logintable ul li#moreinfo2 {
  display: table-cell;
  height: 12px;
  list-style: none;
  width: auto;  
  margin: 0px;
  padding: 0px 4px 0px 4px;
  border-right: 1px solid #333333;

}

/* External links for non-logged users */
div#logintable ul li#moreinfo2:hover {
  text-decoration: underline;
  color: #0000FF;
} 

/* External links for non-logged users */
div#logintable ul li#moreinfo3 {
  display: table-cell;
  height: 12px;
  list-style: none;
  width: auto;  
  margin: 0px;
  padding: 0px 4px 0px 4px;
  border-right: 1px solid #333333;
}

/* External links for non-logged users */
div#logintable ul li#moreinfo3:hover {
  color: #0000FF;
  text-decoration: underline;
}

/* External links for non-logged users */
div#logintable ul li#moreinfo4 {
  display: table-cell;
  height: 12px;
  list-style: none;
  width: auto;  
  margin: 0px;
  padding: 0px 4px 0px 4px;
}

/* External links for non-logged users */
div#logintable ul li#moreinfo4:hover {
  color: #0000FF;
  text-decoration: underline;
}



/*
 * Top menu bar and buttons
 * ========================
 */

/* Top menu bar container */
div#topmenu {
  float: left;
  background-image: url(../images/gray_gradient40.jpg);
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #ffffff;
  height: 40px;
  font-weight: bold;
  color: #000000;
  vertical-align: middle;
  width: 100%;
  margin: 0px;
}

/* Top menu on mouse over */
div#topmenu:hover {
  color: #ffffff;
  height: 40px;
}

/* Top menu second level container */
div#topmenu ul {
  height: 40px;
  float: left;
  list-style: none;
  background-color: transparent;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

/* Topmenu button style n.1 (blue, first button from left) */
div#topmenu div#topmenu-level-1 {
  float: left;
  list-style: none;
  background-image: url(../images/gray_blue_tab_first.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 130px;
  padding: 8px 0px 0px 0px;
  border-top: 0px;
  font-weight: normal ;
  font-size: 13px;
  text-align: center;
  text-decoration: none ;
  vertical-align: text-bottom;
  line-height: 95%;
  color: #333333;
}

/* Topmenu button style n.2 (blue, larger size) */
div#topmenu div#topmenu-level-2 {
  float: left;
  list-style: none;
  background-image: url(../images/gray_blue_tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 180px;
  padding: 8px 0px 0px 0px;
  border-top: 0px;
  font-weight: normal ;
  font-size: 13px;
  text-align: center;
  text-decoration: none ;
  vertical-align: text-bottom;
  line-height: 95%;
  color: #333333;
}

/* Topmenu button style n.3 (blue, medium size) */
div#topmenu div#topmenu-level-3 {
  float: left;
  list-style: none;
  background-image: url(../images/gray_blue_tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 130px;
  padding: 8px 0px 0px 0px;
  border-top: 0px;
  font-weight: normal ;
  font-size: 13px;
  text-align: center;
  text-decoration: none ;
  vertical-align: text-bottom;
  line-height: 95%;
  color: #333333;
}

/* Topmenu button style n.4 (yellow) */
div#topmenu div#topmenu-level-4 {
  float: left;
  list-style: none;
  background-image: url(../images/gray_yellow_tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 110px;
  padding: 8px 0px 0px 0px;
  border-top: 0px;
  font-weight: normal ;
  font-size: 13px;
  text-align: center;
  text-decoration: none ;
  vertical-align: text-bottom;
  line-height: 95%;
  color: #333333;
}

/* Topmenu button style n.5 (green) */
div#topmenu div#topmenu-level-5 {
  float: left;
  list-style: none;
  background-image: url(../images/gray_green_tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 110px;
  padding: 8px 0px 0px 0px;
  border-top: 0px;
  font-weight: normal ;
  font-size: 13px;
  text-align: center;
  text-decoration: none ;
  vertical-align: text-bottom;
  line-height: 95%;
  color: #333333;
}

/* Topmenu button style n.6 (green) */
div#topmenu div#topmenu-level-6 {
  float: left;
  list-style: none;
  background-image: url(../images/gray_green_tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 110px;
  padding: 8px 0px 0px 0px;
  border-top: 0px;
  font-weight: normal ;
  font-size: 13px;
  text-align: center;
  text-decoration: none ;
  vertical-align: text-bottom;
  line-height: 95%;
  color: #333333;
}

/* Topmenu button style n.7 (green, last tab from left) */
div#topmenu div#topmenu-level-7 {
  float: left;
  list-style: none;
  background-image: url(../images/gray_green_tab_last.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 130px;
  padding: 8px 0px 0px 0px;
  border : 0px;
  font-weight: normal ;
  font-size: 13px;
  text-align: center;
  text-decoration: none ;
  vertical-align: text-bottom;
  line-height: 95%;
  color: #333333;
}

/* Topmenu button style n.8 (RSS button with icon) */
div#topmenu div#topmenu-level-8 {
  float: right;
  background-image: url(../images/rss-tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 39px;
  padding: 0px 0px 0px 0px;
  border : 0px;
  color: #333333;
}

/* Topmenu button style n.8 (RSS button with icon) */
div#topmenu div#topmenu-level-12 {
  float: right;
  background-image: url(../images/admin.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 39px;
  padding: 0px 0px 0px 0px;
  border : 0px;
  color: #333333;
}

/* Help image style */
img.ef_help_img {
  vertical-align: text-bottom;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

/* Topmenu button style n.9 (help button with icon) */
div#topmenu div#topmenu-level-9 {
  float: right;
  background-image: url(../images/help-tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 39px;
  padding: 0px 0px 0px 0px;
  border : 0px;
  color: #333333;
}

/* Topmenu button style n.11 (logout with icon)*/
div#topmenu div#topmenu-level-11 {
  float: right;
  background-image: url(../images/logout-tab.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  height: 40px;
  width: 39px;
  padding: 0px 0px 0px 0px;
  border : 0px;
  color: #333333;
}

/* On mouse over top menu buttons */
div#topmenu div#topmenu-level-1:hover {
  background-image: url(../images/gray_blue_tab_h_first.jpg);
  text-decoration: underline;
}

div#topmenu div#topmenu-level-2:hover {
  background-image: url(../images/gray_blue_tab_h.jpg);
  text-decoration: underline;
}

div#topmenu div#topmenu-level-3:hover {
  background-image: url(../images/gray_blue_tab_h.jpg);
  text-decoration: underline;
}

div#topmenu div#topmenu-level-4:hover {
  background-image: url(../images/gray_yellow_tab_h.jpg);
  text-decoration: underline;
}

div#topmenu div#topmenu-level-5:hover {
  background-image: url(../images/gray_green_tab_h.jpg);
  text-decoration: underline;
}

div#topmenu div#topmenu-level-6:hover {
  background-image: url(../images/gray_green_tab_h.jpg);
  text-decoration: underline;
}

div#topmenu div#topmenu-level-7:hover {
  background-image: url(../images/gray_green_tab_h_last.jpg);
  text-decoration: underline;
}

div#topmenu div#topmenu-level-8:hover {
  background-image: url(../images/rss-tab_h.jpg);
  cursor: pointer;
}

div#topmenu div#topmenu-level-9:hover {
  background-image: url(../images/help-tab_h.jpg);
  cursor: pointer;
}

div#topmenu div#topmenu-level-11:hover {
  background-image: url(../images/logout-tab_h.jpg);
  cursor: pointer;
}

div#topmenu div#topmenu-level-12:hover {
  background-image: url(../images/admin_h.jpg);
  cursor: pointer;
}


/* Empty spaces/separators in top menu bar */
.topmenu-level-b {
  padding: 0px;
  margin: 0px;
  border: 0px;
  vertical-align: text-bottom;
}


/* 
 * Main content 
 * ============
 */

/* Content top container */
table#contenttable {
  border: 0px;
  padding: 0px;
  margin: 0px;
  top: 0px; 
  width: 100%;
  height: 100%;
  float: left;
}

/* Content 2nd level container */
tr#contenttr {
  border: 0px;
  padding: 0px;
  margin: 0px;
  vertical-align: text-top;
  top: 0px; 
  width: 100%;
  height: 100%;
}

/* Global background for both navigation and contents */
/* Currently features EnginFrame 'E' logo image */
div#contents {
  float: left;
  width: 100%;
  height: 100%;
  height: auto;
  background-color: #eeeeec;
  padding: 0px;
  margin: 0px;
  border: 0px;
  display: compact;
  background-image: url(../images/navigation_back.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}


/* 
 * Navigation (left menu) 
 * ======================
 */

/* Navigation */
div#contents td#navigationtd {
  width: auto;
  height: 100%;
  margin: 0px 0px 12px 6px;
  padding: 0px 0px 12px 0px;
  border: 2px;
  float: left;
  overflow: visible;
}

/* Navigation wrapper */
div#navigationdiv {
  margin: 0px 6px 0px 0px;
  padding: 0px;
  border: 0px;
}

/* Navigation menu (simple, not tree) directory link style */
.EFFolderLink {
  color: #001f9b;
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold ;
  font-size: 12px;
  text-decoration: none ;
  line-height: 95%;
}

/* Navigation menu (simple, not tree) link style */
.EFServiceLink {
  color: #001f9b;
  font-family: verdana, helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none ;
  line-height: 95%;
}

/* Navigation tree menu (Dtree) entry style */
.dtree a.nodeSel {
  background-color: #d3d7cf;
}

/* Top tree navigation (dtree) style */
.dtree {
  font-size: 12px;
  overflow: visible;
  display: table;
}

/* tree navigation (dtree) node */
.dTreeNode {
  font-size: 12px;
}

/* tree navigation (dtree) */
.dtree .clip {
  overflow: visible;
  display: table;
}




/* 
 * Content (service render)
 * ========================
 */

/* Content */
div#contents td#contenttd {
  width: 100%;  
  height: 100%;
  background-color: #ffffff;
  margin: 6px 6px 6px 6px;
  padding: 7px 7px 7px 7px;
  border: 1px solid #babdb6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666; 
  vertical-align: top;
  left: 0px;
  top: 0px;
}

/* Content wrapper */
div#contentdiv {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* Content hyperlinks style */
/*
div#contents td#contenttd a {
  text-decoration: underline;
  color: #0000FF;
  margin: 0px;
  padding: 0px;
  border: 0px;
  vertical-align: top;
}
*/
/* Content image hyperlinks style */
div#contents td#contenttd a img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  vertical-align: top;
}

/* Powered by EnginFrame logo wrapper */
div#contents td#contenttd a#img_signature {
  border: 0px;
}

/* Powered by EnginFrame logo wrapper, on mouse over */
div#contents td#contenttd a#img_signature:hover {
  border: 0px;
}



/*
 * Footer
 * ======
 */

/* Footer (bottom section) style wrapper */
div#footer {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-top: 1px solid #babdb6;
}

/* Footer style wrapper, 2nd level */
div#footer ul {
  list-style: none;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/* Footer */
div#footer ul li {
  margin: 0px;
  border: 0px;
  padding: 0px;
  list-style: none;
  font-size: 10px;
  color: #666666;
  text-align: center;
}

/* Footer links */
div#footer ul li a {
  color: #0000FF;
  text-decoration: underline;
}



/* 
 * General service elements
 * ========================
 */

/* Code pretty-printing */
code {
    display: block;
    padding-left: 1em;
    border-left: 1px dashed blue;
    white-space: pre;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* Alternate code style */
span.inline_code {
    white-space: pre;
    font-family: monospace;
}

/* Another code style */
.code_style {
  border : 1px solid #000000;
  font-family: courier;
  font-size: 100%;
  margin: 0px;
  padding: 5px;
  background-color: #eeeeee;
  overflow: auto;
}

/* EnginFrame service option orange background */
.background_orange {
  background-color: #ffd544;
}

/* EnginFrame service option yellow background */
.background_yellow {
  background-color: #fff0bc;
}

/* italic sentence */
.italic_sentence {
  color: #4c0000;
  font-family: verdana, helvetica, sans-serif;
  font-weight: normal ;
  font-style: italic;
  text-decoration: none ;
}

/* Fieldset margin */
fieldset {
  margin-bottom: 4px;
}

/* em */
.em {
  list-style: none;
}

/* Use this largebutton style for > 100px width buttons */
/* otherwise they'll seem awful on IE browsers */
.largebutton {
  color: #000509;
  background-color: #ddd;
  padding: 2px 5px;
}



/* 
 * Spoolers (my data)
 * =================
 */

/* Background for spooler list -> even spooler row */
.list_spoolers_even {
  color: #000000;
  background-color: #eeeeec;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal
}

/* Background for spooler list -> odd spooler row */
.list_spoolers_odd {
  color: #000000;
  background-color: #d3d7cf;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal
}

/* Spooler action syle */
div.ef_show_spooler_actions {
  background-color: #d3d7cf;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 4px;
}

/* show spooler header style */ 
/* Currently set a gray background */
.show_spooler_header {
  background-color: #d3d7cf;
  text-align: left;
}



/* 
 * Jobs
 * ====
 */ 

/* Job details fieldset */
div#JobDetails {
  background-color: #d3d7cf;
  list-style: none;
  line-height: 120%;
  margin-bottom: 4px;
  padding: 0px;
}

/* Job details fieldset entry */
.Detailed ul li {
  list-style: none;
  text-indent: 10px;
}



/*
 * Other specific elements
 * =======================
 */

/* A long button style */
.great_button{
   width: 400px;
   height: 30px;
   color: #050;
   font-family: 'trebuchet ms',helvetica,sans-serif;
   font-size: 150%;
   font-weight: bold;
   background-color: #fed;
   border: 1px solid;
   border-top-color: #696;
   border-left-color: #696;
   border-right-color: #363;
   border-bottom-color: #363;
}

/* A splash screen no more used */
div#ef5splash {
  height: 371px;
  width: 92px;  color: #0000FF;
  background-image: url(../images/ef5splash.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  border: 1px solid #babdb6;
}

/* Tutorial messages style */
.tutorial_message {
  font-size: 12px;
  text-align: left;
  background-color:#f0f5ff;
  background-image:url(../../icons/help-browser.gif);
  background-position: 2px 10px;
  background-repeat: repeat-x;
  border:1px solid #babdb6;
  vertical-align: text-bottom;
  padding: 10px 0px 0px 10px;
  color:#333333;
  margin:5px 8px 5px 5px;
}



/*
 * EnginFrame License
 * ==================
 *
 * WARNING: these are Admin-portal only styles
 */

/* License status */
div#license-status {
  list-style: none;
  margin: 0px;
  border: 0px;
  padding: 0px;
  display: table;
  width: 660px;
}

/* License status wrapper */
div#license-status ul {
  list-style: none;
  margin: 0px 0px 5px 0px;
  padding: 0px 4px 15px 0px;
  color: #ffffff;
  width: 644px;
}

/* License list wrapper */
div#license-list ul {
  list-style: none;
  margin: 0px 0px 0px 12px;
  padding: 4px 13px 10px 8px;
  width: 600px;
  font-weight: bold;
  color: #333333;
}

div#license {
  float: left;
}

/* License container */
div#license ul {
  margin: 0px 0px 0px 0px; 
  padding: 5px 5px 5px 0px;
  list-style: none;
  width: 608px;
  font-weight: bold;
  color: #333333;
  background-color: #ffffff;
}

/* License parameter/name */
div#license ul li.parameter {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #cccccc;
  border: 0px;
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 6px;
  width: 200px;
  float: left;
  clear: left;
}

/* License value */
div#license ul li.parameter-value {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #dddddd;
  margin: 0px 2px 2px 2px;
  border: 0px;
  padding: 0px 2px 0px 6px;
  text-align: left;
  width: 387px;
}

/* License parameter/name */
div#license ul li.parameter2 {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #7cff76;
  border: 0px;
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 6px;
  width: 200px;
  float: left;
  clear: left;
}

/* License value */
div#license ul li.parameter-value2 {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #a8ffa4;
  margin: 0px 2px 2px 2px;
  border: 0px;
  padding: 0px 2px 0px 6px;
  text-align: left;
  width: 387px;
}

/* License owners list */
div#owner-list {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
  float: both;
}

/* License owners list wrapper */
div#owner-list ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

div#owner {
  list-style: none;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

div#owner ul {
  background: transparent;
  list-style: none;
  padding: 0px;
  margin: 0px 2px 2px 0px;
  border: 0px;  
}



/* License owners list wrapper */
div#owner-list ul li#users{
  list-style: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
}

div#owneruser{
  background-image: url(../images/users.png);
  background-repeat: no-repeat;
  list-style: none;
  padding: 0px 0px 34px 2px;
  border: 0px;
  margin: 0px 0px 0px 0px;
  width: 290px;
}

div#owner-list ul li#hosts{
  list-style: none;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: 0px; 
}


div#ownerhost{
  background-image: url(../images/computer.png);
  background-repeat: no-repeat;
  list-style: none;
  padding: 0px 0px 34px 0px;
  border: 0px;
  margin: 0px 0px 0px 0px;  
  width: 294px;
}

/* License owners list parameter/name */
div#owner ul li.parameter {
  list-style: none;
  color: #000000;
  background-color: #bbddee;
  border: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 50px;
  width: 160px;
  float: left;
  vertical-align: top;
  display: table;
}

/* License owners list value */
div#owner ul li.parameter-value {
  display: table;
  list-style: none;
  color: #000000;
  background-color: #cceeff;
  margin: 0px 4px 0px 2px;
  border: 0px;
  padding: 0px 4px 0px 2px;
  text-align: left;
  width: 40px;
  vertical-align: top;
}

div#units{
  list-style: none;
  padding: 0px 0px 0px 0px;
  border: 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  clear: left;
  width: 300px;
}


div#tokens {
  background-image: url(../images/license.png);
  background-repeat: no-repeat;
  background-position: top left;
  list-style: none;
  color: #000000;
  border: 0px;
  padding: 0px 10px 0px 40px;
  margin: 0px 0px 0px 2px;
  width: 202px;
  height: 36px;
}


div#license-statistics{
  list-style: none;
  padding: 0px;
  border: 0px;
  margin: 0px;
}

/* License reclaims */
div#reclaims {
  background-image: url(../images/warning.png);
  background-repeat: no-repeat;
  background-position: top left;
  list-style: none;
  color: #FF3333;
  border: 0px;
  padding: 0px 10px 0px 40px;
  margin: 0px 0px 0px 0px;
  height: 36px;
  width: 224px;
}



/*
 * EnginFrame Components
 * =====================
 *
 * WARNING: these are Admin-portal only styles
 */

/* Component info list wrapper */
div#descriptor-list {
  list-style: none;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  display: table;
}

/* Component info list */
div#descriptor-list ul {
  list-style: none;
  margin: 1px 1px 1px 1px;
  padding: 0px;
  color: #ffffff;
}

/* Componens list */
div#component-list {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

/* Component list wrapper */
div#component-list ul {
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px;
  list-style: none;
  font-weight: bold;
  color: #333333;
}

div#component-list div {
  border-width: 1px 1px 1px 1px; 
  border-spacing: 0px; 
  border-style: outset outset outset outset; 
  border-color: #AAAAAA; 
  border-collapse: collapse; 
  margin: 0px 0px 0px 0px; 
  padding: 10px 10px 10px 10px;
  background-color: #f8f8f8;
}

div#component-list div div {
  border-width: 1px 1px 1px 1px; 
  border-spacing: 0px; 
  border-style: outset outset outset outset; 
  border-color: #AAAAAA; 
  border-collapse: collapse; 
  margin: 0px 0px 0px 0px; 
  padding: 10px 10px 10px 10px;  
  background-color: #f1f1f1;
}


/* Component entry parameter name */
td.parameter {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #cccccc;
  border: 0px;
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 6px;
  width: 200px;
  float: left;
  clear: left;
}

/* Component entry parameter value */
td.parameter-value {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #dddddd;
  margin: 0px 0px 2px 2px;
  border: 0px;
  padding: 0px;
  text-align: left;
  width: 387px;
}

td.parameter2 {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #7cff76;
  border: 0px;
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 6px;
  width: 200px;
  float: left;
  clear: left;
}

/* Component entry parameter value */
td.parameter2-value {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #a8ffa4;
  margin: 0px 0px 2px 2px;
  border: 0px;
  padding: 0px;
  text-align: left;
  width: 387px;
}

/* Component entry parameter name */
td.parameter3 {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #ffe468;
  border: 0px;
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 6px;
  width: 200px;
  float: left;
  clear: left;
}

/* Component entry parameter value */
td.parameter3-value {
  font-weight: normal;
  list-style: none;
  color: #000000;
  background-color: #ffee9f;
  margin: 0px 0px 2px 2px;
  border: 0px;
  padding: 0px;
  text-align: left;
  width: 387px;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    vertical-align: bottom;
    padding: 0px 10px 0px 10px;
    margin: 2px 6px 6px 0px;
    height: 24px;
    background:url(../images/tab.png) no-repeat ;
}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}

div#acl-status {
  list-style: none;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  display: table;
}

div#acl-document {
  list-style: none;
  margin: 0px 0px 8px 8px;
  padding: 0px 8px 8px 8px;
  border: 0px;
}

table#acl-headertable {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
  vertical-align: top left;
}

table#acl-headertable tr {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #dddddd;
}

table#acl-headertable th {
  font-weight: normal;
  color: #000000;
  background-color: #cccccc;
  border: 0px;
  padding: 0px;
  margin: 0px 2px 0px 0px;
  width: 150px;
}

table#acl-headertable2 {
  margin: 0px;
  padding: 0px 0px 0px 1px;
  border: 0px;
  width: 151px;
  background-color: #cccccc;
}

table#acl-headertable2 td {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #cccccc;
}

table#acl-innertable {
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 150px;
  background-color: #dddddd;  
}

table#acl-membertable {
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 150px;
  background-color: #dddddd;
}

table#acl-membertable tr {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #dddddd;
}

.acl-tdtitle {
  margin: 0px;
  padding: 0px;
  border: 0px;
  float:left;
  text-align: left;
  width: 130px;
  height: 16px;
}

.acl-tdvalue {
  float:right;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: right;
  width: 16px;
}

table#acl-headertable th#acl-header2 {
  font-weight: normal;
  color: #000000;
  background-color: #cccccc;
  border: 0px;
  padding: 0px;
  margin: 0px;
  width: 400px;
  height: 16px;
}

table#acl-headertable th#acl-header3 {
  font-weight: normal;
  color: #000000;
  background-color: #cccccc;
  border: 0px;
  padding: 0px;
  margin: 0px;
  width: 50px;
  height: 16px;
}

table#acl-headertable tr#acl-tablevalues {
  font-weight: normal;
  color: #000000;
  background-color: #dddddd;
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: left;
  vertical-align: top;
}

table#acl-headertable tr#acl-tablevalues td {
  height: 16px; 
}


/*
 * Admin portal configuration styles
 * =================================
 *
 * WARNING: these are Admin-portal only styles
 */

/* Tables grouping properties */
.groupingTable {
  color: #000000;
  background-color: #ddddff;
  margin: 0px 10px 2px 0px;
  border: 0px;
  padding: 0px 10px 0px 10px;
}

.fullwidthbutton {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}


/* Styles for audit services */

TD.ontop {
  vertical-align: top;
  padding-right: 1em;
}

TD.spaced {
	padding-left: 1em;
	padding-right: 1em;
}

PRE.normal-font {
  font-family: sans-serif;
  margin: 0em;
  padding: 0em;
}

TABLE.list-table {
  width: 100%;
  border: 1px solid gray;
  margin-top: 0.35em;
  margin-bottom: 0.35em;
}

TABLE.list-table TR.lt-header {
  background-color: #FFFF9F;
  text-align: left;
}

TABLE.list-table TH.lt-header-field {
  padding-right: 1.5em;
}

TABLE.list-table TR.lt-row {
  /* not yet used */
}

TABLE.list-table TR.lt-metadata-row {
  cursor: pointer;
  display: none;
}

TABLE.list-table TD.lt-metadata-field {
  padding-left: 1.5em;
  border-bottom: 1px solid gray;
}

TABLE.list-table A.lt-link:LINK,A.lt-link:VISITED {
    color: #31466B;
    text-decoration: none;
    font-weight: bold;
}

TABLE.list-table A.lt-link:HOVER {
    color: #3F60A3;
    text-decoration: none;
    font-weight: bold;
}

TABLE.acl-table {
	
}

TABLE.acl-table TR.at-header {
	text-align: left;
}

TABLE.acl-table TH.at-header-field {
	text-align: left;
	padding-right: 1.5em;
}

TABLE#userInfoDetails {
  background-color: #f2f3ff;
  padding: 0.8em;
  display: none;
}

TABLE#userInfoDetails TD.uid-label {
  text-align: right;
  font-weight: bold;
}

TABLE.two-panes {
	margin-top: -0.6em;
	width: 100%
}

TABLE.two-panes TD.left-pane {
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  padding-left: 3.5em;
}

TABLE.two-panes TD.right-pane {
  width: 1px;
}
